<!DOCTYPE html>
<!-- saved from url=(0037)http://127.0.0.1/wx/ybss/zhuce/zc.jsp -->
<html class="pixel-ratio-1">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  
  <title>登录</title>

  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="format-detection" content="telephone=no, email=no">
  <!--[if IE]>
  <script src="http://127.0.0.1:80/wx/ybss/js/html5shiv.min.js"></script>
  <![endif]-->

  <link href="../resource/style.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="../../resource/weui.min.css" />
    <link rel="stylesheet" href="../../resource/example.css" />


  <script src="../resource/md5.js"></script>
  <script src="../resource/jquery-2.1.4.js"></script>
  <script src="../resource/fastclick.js"></script>
  <script src="../resource/jquery-weui.js"></script>
  <script src="../resource/zepto.min.js">
  </script><script src="../resource/picker.js"></script>
  <script src="../../script/api.js"></script>
  <script>

   
  </script>

  <style>
    .logo-license{margin-top:0px;}
    .left{font-weight:bold;}
    .info {margin-top: 10rem;border-width:0px;}
	.info ul{margin-top:1rem;}
	.info ul li{text-align:center;}
	html,.info{height:100%;}
	.info ul{width:96%;margin:0 auto;background:#FFF;margin-top:1rem;border-radius: 5px;box-shadow: #000 0 5px 5px -5px;}
	.info ul li div{width:80px;height:80px;background:blue;clear: both;margin:0 auto;border-radius: 40px;color:#FFF;line-height:75px;text-align:center;font-size:28px;}
	.weui-cell__bd p{font-size:14px;}
	.weui-cell__bd{min-width:165px;}

  </style>

</head>
<body style="background:#18b4ed;height:88%;">
<header>
<img src="../../image/back.png" onclick="javascript:history.back(-1);" />
<span style="text-align: center;width: 80%;margin: 0 auto;">向商户付款</span>
  <div style="clear:both"></div>
</header>


  <article class="info">
    <ul>

      <li style="color:#18b4ed;font-size:14px;">
		 	付款码
      </li>
     
	   <li>
			<img src="../../image/ewm.png" />
      </li>

	  <li style="text-align:left;font-size:14px;padding-left:1rem;padding-right:1rem;">
		付款卡： 招商银行借记卡（1122）    <a style="float:right;color:#18b4ed;font-size:14px;" onclick="showCards();">更换</a>
      </li>
	 

    </ul>
  </article>

	 <div id="div_mask" style="display:none;background-color:#000;opacity: 0.6;overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0;z-index:998">&nbsp;</div>
    <div id="div_confirm" style="display:none;position:absolute;bottom:0;right:0;left:0;min-height:300px;background-color:#fff;margin:10px;border-radius:8px;z-index:999">
        <div style="text-align:center;padding-top:10px;">
            <label style="font-size:16px;">选择银行卡</label>
            <a class="weui-btn weui-btn_default"
             style="right:10px;top:8px;position:absolute;color:#555;font-size:12px;" onclick="hideCards()">取消</a>
        </div>
        <div class="page__bd">
            <div class="weui-cells">

                <div class="weui-cell">
                    <div class="weui-cell__bd weui_cell_primary">
                        <p>招商银行借记卡（2233）</p>
                    </div>
                    <div class="weui-cell__bd">
                        <div class="weui-cell__ft" style="font-size:14px;color:#333;"><i class="weui-icon-success-no-circle"></i></div>
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <p>建设银行借记卡（4455）</p>
                    </div>
                    <div class="weui-cell__bd">
                        <div class="weui-cell__ft" style="font-size:14px;color:#333;"></div>
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <p>邮政银行信用卡（1122）</p>
                    </div>
                    <div class="weui-cell__bd">
                        <div id="div_je" class="weui-cell__ft" style="color:#000;font-size:24px;padding:10px;"></div>
                    </div>
                </div>
                <div class="weui-cell  weui-cell_access">
                    <div class="weui-cell__bd">
                        <p>使用新卡付款</p>
                    </div>
                    <div class="weui-cell__bd">
                        <div class="weui-cell__ft" style="font-size:14px;color:#333;"></div>
                    </div>
                </div>
                

            </div>
        </div>
    </div>

<script>


	apiready = function(){
	var loginid = $api.getStorage("loginid");
		
	}
	
	function showCards(){
		$("#div_mask").show();
		$("#div_confirm").show();
	}
	
	function hideCards(){
		$("#div_mask").hide();
		$("#div_confirm").hide();
	}
	
	function loadUrl(){
		window.location.href = 'ewmzf.html';
	}
	
</script>
	

</body></html>